@charset "UTF-8";
@import "parameters";
//直播简介
.ui-introSeeding-con{
  width: 100%;

  .setSeeding-top{
    width: 100%;
    height: 4.12rem;
    position: relative;
    img{
      display: inline-block;
      width: 100%;
      height: 100%;
    }
    .invite{
      width: 100%;
      height: 0.88rem;
      position: absolute;
      left: 0;
      top:0;
      i{
        display: inline-block;
      }
      .return{
        display: inline-block;
         width: 0.75rem;
         height: 0.7rem;
        line-height: 0.7rem;
        text-align: center;
        background-color: $color-second;
        border-radius: 0px 5px 5px 0;
        position: relative;
        .bgIcon{
          display:inline-block; overflow:hidden;
          background-repeat: no-repeat;background-image:url(../../static/images/bgIcon.png);
          background-size: 2.56rem auto;
          vertical-align: middle;
        }
        .bg03 {width:0.4rem; height:0.4rem; background-position: -2rem -0.02rem}
        i{
          position: absolute;
          right: 24%;
          top: 19%;
        }
      }
      .my{
         width: 1.73rem;
        line-height: 0.72rem;
        color: #fff;
        font-size: 0.26rem;
        border-radius: 5px 0px 0px 5px;
        background-color: #ffad0f;
        text-align: center;
      }
    }
  }
  .setSeeding-intro{
    width: 90%;
    padding: 0.38rem 5% 0.35rem 5%;
    background-color: #fff;
    color: #3c3c3c;
    font-size: 0.28rem;
    .title{
      font-size: 0.22rem;
      margin: 0.18rem 0 0.42rem 0;
    }
    .pride{
      font-size: 0.24rem;
      color:$color-second;
      text-align: left;
      margin-top: 0.32rem;
      .money{
        color: #909093;
        border-left: #909093 1px solid;
        padding-left: 0.14rem;
        margin-left: 0.14rem;
      }
    }
    .inro-headImg{
      img{
        display: inline-block;
        width: 0.6rem;
        height: 0.6rem;
        border-radius: 0.6rem;
      }
    }
    .inro-name{
      font-size: 0.2rem;
      .names{

      }
      .nameIntro{

      }
    }
    .txts{
      width: 100%;
      font-size: 0.2rem;
    }
  }
  .mySeeding{
    /*background-color: #fff;*/
    .nav{
      width: 100%;
      background-color: #fff;
      ul{
        width: 100%;
        li{
          font-size: 0.22rem;
          color: #8e8f90;
          padding: 0.3rem 5% 0.2rem;
          border-bottom: $color-third 1px solid;
          .icon02{
            margin-right: 0.18rem;
          }
        }
        li.current{
          color: #38adff;
          border-bottom: #38adff 2px solid;
        }
      }
    }
    .container{
      .content{
        .con{
          width: 100%;
          .peopleIntro{
            width: 90%;
            padding: 0 5%;
            background-color: #fff;
            .title{
              color: $color-primary;
              font-size: 0.28rem;
              padding-bottom: 0.3rem;
              padding-top: 0.3rem;
            }
            p{
              color: #767779;
              font-size: 0.24rem;
              line-height: 0.36rem;
            }
            ul{
              /*height: 2.3rem;*/
              overflow: hidden;
              padding-top: 0.2rem;
              color: #3c3c3c;
              font-size: 0.26rem;
              line-height: 0.39rem;
              img{
                display: inline-block;
                width: 100%;
              }
              li{
                color: #3c3c3c;
                font-size: 0.26rem;
                line-height: 0.39rem;
                margin-bottom: 0.4rem;
                img{
                  display: inline-block;
                  width: 100%;
                }
              }
            }
            .txtIntro{
              padding-top: 0.3rem;
              ul{
                padding-top: 0rem;
              }
              i{
                display: block;
              }
              em{
                display: inline-block;
                padding: 0 0.2rem;
                margin: 0.2rem 0;
              }
              .bg12{  width: 100%;}
              .bg11{
                margin-right: 0px;
              }
              .imgs{
                height: 2.44rem;
                li{
                  margin-bottom: 0.2rem;
                }
              }
            }
            .openAll,.shrinkAll{
              width: 90%;
              text-align: center;
              line-height: 0.6rem;
            }
            .shrinkAll{
              display: none;
            }
          }
          .ask-con{
            width: 90%;
            padding: 0.35rem 5% 0 5%;
            background-color: #fff;
            margin: 0 0 0.5rem 0;
            .ask{
              width: 92%;
              height: 2.28rem;
              background-color: $color-gray2;
              padding: 0.36rem 0.27rem;
              border-radius: 5px;
              color: $color-gray1;
              font-size: 0.24rem;
              border: $color-gray2 1px solid;
            }
            .btns{
              text-align: center;
              a{
                display: inline-block;
                width: 2.2rem;
                line-height: 0.7rem;
                text-align: center;
                color: $color-background;
                font-size: 0.24rem;
                background-color: $color-second;
                border-radius: 5px;
                margin: 0.5rem 0;
              }
            }
          }
        }
      }
    }
  }
  .footNav{
    border-top: #d9d8d8 1px solid;
    .colors{
      color: #f88;
    }
    .Btn{
      height: 0.98rem;
      background-color: #fff;
      a{
        display: inline-block;
        color: #8e8f90;
        font-size: 0.2rem;
        span,i{
          display: block;
          width: 1.45rem;
          height: 0.98rem;
          text-align: center;
        }
        i{
          width: 20px;
          height: 20px;
          margin: 0.1rem auto 0.08rem auto;
        }
      }
      .payBtn1{
        line-height: 0.98rem;
        text-align: center;
        background-color: #32a2f8;
        width: 4.5rem;
        color: #fff;
        font-size: 0.3rem;
      }
      .payBtn2{
        border-right: #d9d8d8 1px solid;
      }
    }
  }
  .Enrollment{
    background-color: $color-background;
    div{
      width: 90%;
      margin: auto;
      line-height: 0.9rem;
      .nums{
        color:$color-gray1;
        em{
          margin: 0 0.25rem;
          color: $color-second;
        }
      }
      .numImg{
        img{
          display: inline-block;
          width: 0.5rem;
          height: 0.5rem;
          border-radius: 0.5rem;
          margin: 0 0.1rem 0 0;
          vertical-align: middle;
        }
      }
    }
  }
  .Personal{
    background-color: #fff;
    a{
      color:$color-gray1;
    }
    .person{
      width: 90%;
      margin: auto;
      color: #8e8f90;
      font-size: 0.22rem;
      padding: 0.3rem 5% 0.2rem;
      border-bottom: $color-third 1px solid;
      em{
        color: #8e8f90;
        margin: 0 0.25rem;
      }
      i{
        display: inline-block;
      }
    }
    .pertxt{
      color: #3c3c3c;
      font-size: 0.28rem;
      width: 90%;
      margin: auto;
      padding: 0.3rem 0;
    }
  }
  .recomend{
    background-color: $color-background;
    .no{
      text-align: center;
      margin: 0.2rem 0;
    }
    .title{
     /* width: 90%;
      padding: 0.3rem 0 0.2rem;*/
      width: 90%;
      padding:0.3rem 5% 0.2rem;
      color: #8e8f90;
      font-size: 0.22rem;
      border-bottom:$color-third 1px solid;
    }
    .icon02{
      margin-right: 0.18rem;
    }
  }
  .teacher{
    background-color: #fff;
    .title{
      width: 90%;
      color: #8e8f90;
      font-size: 0.22rem;
      padding: 0.3rem 5% 0.2rem;
      border-bottom: $color-third 1px solid;
    }
    .icon02{
      margin-right: 0.18rem;
    }
    .tea-list{
      width: 90%;
      margin: 0.3rem auto 0 auto;
      padding-bottom: 0.3rem;
      .left{
        width: 0.8rem;
        height: 0.8rem;
        img{
          display: inline-block;
          width: 100%;
          height: 100%;
          border-radius: 0.8rem;
        }
      }
      .right{
        width: 5.18rem;
        margin-left: 0.3rem;
        color: #8e8f90;
        font-size: 0.26rem;
        .name{
          color: #3c3c3c;
          font-size: 0.28rem;
          margin-bottom: 0.1rem;
          em{
            color: #909093;
            font-size: 0.24rem;
            margin-left: 0.2rem;
          }
        }
        .flow{
          font-size: 0.24rem;
        }
      }
    }
  }






  .more-seeding{
    height: 3rem;
    margin-bottom: 2rem;
    background-color: #fff;
    h3{
      line-height: 0.6rem;
      font-size: 0.2rem;
      border-bottom: $color-third 1px solid;
    }
  }
  .intros{
    width: 100%;
    background-color: #fff;
    .introBtn{
      width: 100%;
      border-top:$color-third 1px solid;

      a{
        width: 49%;
        font-size: 0.3rem;
        border-radius:0;
        height: 0.98rem;
        line-height: 0.98rem;
        text-align: center;
        .bg29{
          margin-right: 0.1rem;
        }
      }
      .btnStyle1{
        color: #8e8f90;
        border:none;
      }
      .btnStyle2{
        color: #fff;
        background-color: #39abff;
        border:none;
      }
    }
  }

  .pays{
    width: 100%;
    background-color: #fff;
    border-top:$color-third 1px solid;
    .payBtn{
      width: 80%;
      margin:0.18rem auto;
      a{
        color: #fff;
        display: inline-block;
        text-align: center;
        border-radius:5px;
        background-color: $color-second;
        line-height: 0.7rem;
      }
      .payBtn1{
        width: 4rem;
      }
      .payBtn2{
        width: 1.9rem;
      }
    }
  }

}

//编辑介绍页
.ui-editPage-con{
  .edit{
    width: 100%;
    background-color: #fff;
    ul{
      li{
        width: 90%;
        padding: 0 5%;
        background-color: #fff;
        height: 0.8rem;
        line-height: 0.8rem;
        a{
          display: inline-block;
          color: #666;
        }
        label{
          display: inline-block;
          width: 2rem;
          text-align: left;
        }
        .liRight{
           display: inline-block;
          text-align: right;
          width: 4.6rem;
          color:$color-primary;
          .icon22{
            margin-bottom: 0.03rem;
          }
          input{
            text-align: right;
          }
        }
        span{
          display: inline-block;
        }
        input{
          display: inline-block;
          width: 3rem;
          font-size: 0.28rem;
        }
      }
      li.have{
        border-bottom: $color-third 1px solid;
      }
      .empty{
        content: "";
        height: 0.2rem;
        display:block;
        background-color: $color-gray4;
      }
    }
  }
  .sureBtn{
    width: 90%;
    position: absolute;
    left: 5%;
    bottom: 0;
    text-align: center;
    background-color: $color-second;
    line-height: 0.9rem;
    font-size: 0.32rem;
    border-radius: 5px;
    a{
      color: #fff;
    }
  }
}
#edit,#edit2,#edit3,#edit4{
  width:100%; height:100%;
  position:fixed; top:0; left:0;
  background:rgba(0,0,0,0.5);
  z-index: 9999;
  display: none;
  .edit_con{
    width:6.46rem; min-height:3rem;
    background:rgba(255,255,255,1);
    position:fixed;
    left:50%;
    top:50%;
    margin-left: -3.23rem;
    margin-top: -1.5rem;
    border-radius: 5px;
    .head{
      text-align: center;
      line-height: 1.1rem;
      font-size: 0.32rem;
    }
    .editTxt,.areaTxt{
      background-color: $color-gray4;
      padding: 0.2rem;
      border-radius: 5px;
      width: 84%;
      margin: 0 5%;
    }
    .areaTxt{
      width: 84%;
      border:none;
      color:$color-primary;
      min-height: 1.94rem;
    }
    .editBtn{
      width: 100%;
      border-top:$color-gray4 1px solid;
      margin-top: 0.25rem;
      a{
        display: inline-block;
        width: 48%;
        line-height: 0.8rem;
        text-align: center;
        font-size: 0.32rem;
      }
      .sures{
         color:$color-second;
      }
    }
  }
}
.ui-upload-con{
  .Summary,.description,.uploadImg{
    background-color: #fff;
  }
  textarea{
    color:$color-primary;
    font-size: 0.28rem;
    border:none;
  }
  .Summary{
    textarea{
      width: 100%;
      height: 2.3rem;
      padding: 0.35rem 5%;
    }
  }
  .description{
    width: 100%;
    position: relative;
    .desc{
      width: 90%;
      margin: auto;
      padding: 5% 0;
      .desc-left{
        width: 1.3rem;
        height: 1.3rem;
        img{
          display: inline-block;
          width: 100%;
          height: 100%;
          border-radius: 5px;
        }
      }
      .desc-center{
         width: 4.6rem;
        height: 1.3rem;
        margin-left: 0.24rem;
        textarea{
          width: 100%;
          height: 100%;
        }
      }
      .desc-right{
         .icon41{
           margin-top: 0.7rem;
         }
      }
    }
    .delete{
      position: absolute;
      left: 2%;
      top: 4%;
    }
  }
  .uploadImg{
    padding: 0.3rem 0;
    p{
      text-align: center;
    }
    .upload{
      margin-bottom: 0.2rem;
      color:$color-second;
      width: 1.6rem;
      position: relative;
      input{
        position: absolute;
        left:0;
        top: 0;
        opacity: 0;
      }
    }
    .icon44{
      margin: 0 0.12rem 0 0;
    }
  }
  .uploadBtn{
    width: 100%;
    background-color: $color-second;
    text-align: center;
    line-height: 1rem;
    font-size: 0.32rem;
    a{
      color: #fff;
    }
  }
}


#sendFriend {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  display: none;
  .alert_con {
    width: 4.84rem;
    height: 6.1rem;
    background: rgba(255, 255, 255, 1);
    position: fixed;
    left: 50%;
    top:50%;
    margin-left: -2.42rem;
    margin-top: -3.05rem;
    border-radius: 5px;
    .head{
      line-height: 0.84rem;
      color: #fff;
      background-color: $color-second;
      font-size: 0.36rem;
      text-align: center;
      border-radius: 5px 5px 0 0;
      i{
        position: absolute;
        right: 4%;
        top: 4%;
      }
    }
    .num-con{
      width: 4rem;
      margin: auto;
      .number{
        color: #3c3c3c;
        font-size: 0.3rem;
        margin: 0.4rem 0;
        .fr{
          span{
            display: inline-block;
            width: 1rem;
            text-align: center;
          }
        }
      }
      .numAll{
        color: $color-second;
        font-size: 0.28rem;
        text-align: center;
      }
      dl{
        min-width: 2.9rem;
        text-align: center;
        dt{
          width: 2.06rem;
          height: 1.35rem;
          img{
            display: inline-block;
            width: 100%;
            height: 100%;
          }
        }
        dd{
          margin: 0.16rem 0 0.3rem 0;
          font-size: 0.22rem;
          color: #909093;
        }
      }
      .shopSure{
        width: 3.2rem;
        line-height: 0.84rem;
        text-align: center;
        color: #fff;
        border-radius: 20px;
        background-color: $color-second;
        font-size: 0.3rem;
        a{
          color: #fff;
        }
      }
    }

  }
}
#shop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  display: none;
  .alert_con {
    width: 4.84rem;
    height: 6.1rem;
    background: rgba(255, 255, 255, 1);
    position: fixed;
    left: 50%;
    top:50%;
    margin-left: -2.42rem;
    margin-top: -3.05rem;
    border-radius: 5px;
    .head{
       line-height: 0.84rem;
      color: #fff;
      background-color: #ffb705;
      font-size: 0.36rem;
      text-align: center;
      border-radius: 5px 5px 0 0;
      i{
        position: absolute;
        right: 4%;
        top: 4%;
      }
    }
    .shoptxt{
      color: #3c3c3c;
      font-size: 0.3rem;
      text-align: center;
      margin: 0.46rem 0;
    }
    .shopImg{
      width: 2.4rem;
      height: 1rem;
      img{
        display: inline-block;
        width: 100%;
        height: 100%;
      }
    }
    .shopNav{
      width: 3.4rem;
      text-align: center;
      margin: 0.43rem auto;
    }
    .shopSure{
      width: 3.2rem;
      line-height: 0.84rem;
      text-align: center;
      color: #fff;
      border-radius: 20px;
      background-color: #ffb705;
      font-size: 0.3rem;
      a{
        color: #fff;
      }
    }
  }
}
